@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	color: #9a9899;
	font-size: 12px;
}
/* 1.网页头部：设置宽100% 高38px 边框 */
header{
	width: 100%;
	height: 38px;
	bor der: 1px solid red;
	background-color: #333;
}
/* 2.网页中控：显示主体内容，占主体、页尾中控 */
div#wrapper{
	width: 1300px;
	height: 38px; /* 考虑：主体、页面、页尾占宽度+高度 */
	back ground-color: azure;
	/* 居中 */
	margin: 0 auto;
}
/* 3.网页中控区：左侧部分 */
div#wrapper div.left{
	width: 508px;
	height: 38px;
	back ground-color: bisque;
	float: left;
}
/* 3.1左侧部分li导航数据：布局：浮动 */
div#wrapper div.left ul li{
	float: left;
	height: 38px;
	li ne-height: 38px;
}
/* 3.2左侧部分 li a 垂直居中 左右空间*/
div#wrapper div.left ul li a{
    border-right: 1px solid #424242;	
    line-height: 38px;
	padding: 0 6px;
}
	/* 3.3左侧部分:最后一个竖边拿下  */
	div#wrapper div.left ul li a.fix{
		border: none;
	}	
/* 4.网页中控区：右侧部分 */
div#wrapper div.right{
	width: 147px;
	height: 38px;
	back ground-color: #333;
	float: right;
}
/* 4.1右侧浮动：右浮动 */
div#wrapper div.right ul li{
	float: right;
}
div#wrapper div.right ul li a{
	line-height: 38px;
	border-right: #424242;
	padding: 0 10px;
}
div#wrapper div.right ul li a.fix{
	border: none;
}
/* 购物车区域：背景颜色 */
div#wrapper div.right ul li.ul_right{
	background-color: #424242;
}
/* 4.2购物车精灵图 */
div#wrapper div.right ul li i.shop{
	bor der: 1px solid red;
	padding: 0 10px;
	background: url(../img/buy.png) no-repeat;
	margin-top: 10px;
	position: relative;
	top: 3px;
}
div#wrapper div.right ul li a{
    border-right: 1px solid #424242;	
    line-height: 38px;
	padding: 0 4px;
	
}
	div#wrapper div.right ul li a.fix{
		border: none;
	}
	
	/* 4.3购物车悬停效果：三个地方改变：背景改
	                                  背景改同时改超链接
									  背景改同时改精灵图
									  */
div#wrapper div.right ul li.ul_right:hover{
	background-color: #fff;
}
div#wrapper div.right ul li.ul_right:hover a{
	color: #ffaa00;
}
div#wrapper div.right ul li.ul_right:hover i.shop{
	background: url(../img/buy01.png) no-repeat;
}

/* 结束：添加悬停  颜色 白色 */
div#wrapper div.left ul li a:hover,div#wrapper div.right ul li a:hover{
	color: #fff;
}